<include file="Public:header" />
  <!-- 头部 开始 -->
  <div class="header">
    <div class="header_bg"></div>
    <div class="wrap clearfix">
      <div class="logo"><img src="/Public/images/logo.png" alt=""></div>
      <div class="phone"><p>{$web.phone}</p></div>
      <ul>
        <li><a href="/">首页</a></li>
        <li><a class="on" href="{:U('Brand/brand')}">品牌介绍</a></li>
        <li><a href="{:U('Goods/index')}">产品中心</a></li>
        <li><a href="{:U('Authorization/index#Authorization')}">授权查询</a></li>
        <li><a href="{:U('News/index')}">瞳年资讯</a></li>
        <li><a href="{:U('Video/index')}">视频中心</a></li>
        <li><a href="{:U('Feedback/index')}">用户反馈</a></li>
      </ul>
    </div>
  </div>
  <!-- 头部 结束 -->

  <!-- 轮播图 开始 -->
  <div class="banner">
    <div id="full-screen-slider">
      <ul id="slides">
        <foreach name="images" item="i">
        <li style="background:url('/Public/Uploads/{$i.pic}') no-repeat center top"><a href="{$i.url}" target="_blank"></a></li>
        </foreach>
      </ul>
    </div>
  </div>
  <!-- 轮播图 结束 -->
  <!-- 列表 开始 -->
  <div class="chan_jie wrap">
    <div class="common_list clearfix">
      <ul>
        <li><a href="{:U('Brand/brand')}">品牌介绍</a></li>
        <li class="on"><a href="{:U('Brand/secret')}">超能量的秘密</a></li>
        <li><a href="{:U('Brand/promise')}">承诺说明</a></li>
        <li><a href="{:U('Brand/attention')}">注意事项</a></li>
      </ul>
    </div>
  </div>
  <!-- 列表 结束 -->
  <!-- 动画 开始 -->
  <div class="iswhat">
    <div class="wrap">
      <h3 class="revealOnScroll" data-animation="leftin">超能量是什么？</h3>
      <p class="revealOnScroll" data-animation="rightin">太阳中光线中对人体有巨大益处的4~16微米远红外线</p>
      <img class="revealOnScroll" data-animation="upin" data-timeout="200" src="/Public/images/zhu1.png" alt="">
    </div>
  </div>
  <div class="sun">
    <div class="wrap">
      <img class="revealOnScroll" data-animation="leftin"  data-timeout="500"src="/Public/images/zhu2.png" alt="">
    </div>
  </div>
  <div class="six">
    <div class="wrap">
      <p class="revealOnScroll" data-animation="rightin" data-timeout="500"><span>远红外线</span>对人体&nbsp;&nbsp;&nbsp;<br>有哪些保健作用？</p>
      <img src="/Public/images/zhu3.png" alt="">
    </div>
  </div>
  <div class="super">
    <div class="wrap clearfix">
      <div class="left">
        <img class="revealOnScroll" data-animation="leftin" data-timeout="500" src="/Public/images/more1.png" alt="">
      </div>
      <div class="right">
        <p class="p1">何为<span>超能量</span>眼镜？</p>
        <p class="p2">采用国际最尖端的光波能量植入技术<br><span>将人体最需要的4-16微米能量光波植入眼镜中</span><br>达到迅速激活眼部细胞，按摩眼睛穴位</p>
        <p class="p3">促进眼部血液循环，激活眼部细胞，快速缓解眼睛疲劳</p>
      </div>
    </div>
  </div>
  <div class="cell">
    <div class="wrap clearfix">
      <div class="left">
        <h3>瞳年超能量眼镜</h3>
        <p>当眼镜与人体接触后能瞬间与人体产生共振，<br>
增强人体平衡度，有效达到疏通筋络，扩张血管，促进气血循环；<br>
激活人体细胞，增强神经功能；<br>
改善人体微循环，加速新陈代谢；</p>
      </div>
      <div class="right"><img class="revealOnScroll" data-animation="rightin" data-timeout="500" src="/Public/images/cell.png" alt=""></div>
    </div>
  </div>
  <div class="ba">
    <div class="wrap">
      <div class="title">
        <p class="p1">Eight big advantage</p>
        <p class="p2">八大优势</p>
        <p class="p3">太阳光+远红外线+微米能量光波</p>
      </div>
      <div class="content">
        <img class="revealOnScroll" data-animation="rightin" data-timeout="500"  src="/Public/images/ba_03.png" alt="">
      </div>
    </div>
  </div>
  <div class="pic">
    <div class="wrap">
      <img class="revealOnScroll" data-animation="leftin" data-timeout="500" src="/Public/images/pic_03.png" alt="">
    </div>
  </div>
  <!-- 动画 结束 -->
   <!-- 动画 -->
  <script src="/Public/js/abc.js"></script>
  <script type="text/javascript" src="/Public/js/script.js"></script>
  <include file="Public:footer" />